.market_details_box {
  padding-bottom: .3rem;

  .content {
    width: 60%;
    background-color: #fff;
    margin: .3rem auto 0;
    border-radius: .15rem;
    padding: .2rem .15rem;
    box-sizing: border-box;

    .title {
      color: #0058e6;
      font-size: .24rem;
      font-weight: 600;
    }

    .bidding {
      margin-top: .06rem;
    }

    .split {
      width: 100%;
      height: 2px;
      background-color: #eeeeee;
      margin-top: .2rem;
      margin-bottom: .2rem;
    }

    .info {
      margin-top: .3rem;

      li {
        margin-bottom: .15rem;

        .value_box {
          color: orange;
        }
      }
    }

    .decorate {
      width: .3rem;
      height: .16rem;
      background-color: #7d68ef;
      margin-right: .06rem;
    }

    .description_box {
      .description_title {
        font-weight: 600;
        font-size: .2rem;
        display: flex;
        align-items: center;

      }

      .description_content {
        margin-top: .08rem;
        line-height: .28rem;
      }
    }

    .attachment_box {
      margin-top: .2rem;

      .attachmentn_title {
        font-weight: 600;
        font-size: .2rem;
        display: flex;
        align-items: center;
      }

      .attachment_content {
        li {
          color: #108ee9;
          cursor: pointer;
          margin: .06rem 0;
        }
      }
    }

    .footer_box {
      display: flex;
      flex-direction: row-reverse;

    }

    .registered_box {
      .registered_title {
        font-weight: 600;
        font-size: .2rem;
      }

      .list_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        li {
          width: 18%;
          display: flex;
          align-items: center;

          img {
            width: .64rem;
          }

          span {
            margin-left: .1rem;
          }
        }

        i {
          width: 18%;
        }
      }
    }
  }

  .statistics_box {
    position: fixed;
    right: 2%;
    top: 10%;
    // background: linear-gradient(180deg, #021024 0, #121b2a 100%);
    background-color: #f2f2f3;
    width: 280px;
    border-radius: 15px;

    display: none;
    flex-direction: column;
    align-items: center;
    padding: 15px 10px 30px;
    box-sizing: border-box;

    img {
      width: 80%;
    }

    .data {
      display: flex;
      flex-direction: column;
      align-items: center;

      div {
        margin: 4px 0;
      }
    }

    .split {
      width: 100%;
      height: 2px;
      background-color: #3444;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .count_box {
      display: flex;
      justify-content: space-between;
      width: 100%;

      div {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;

        .number {
          font-size: 19px;
          margin-bottom: 10px;
        }
      }
    }
  }
}